<template>
  <div class="about">
  <div>{{has==0?'has==0':'has!=0'}}</div>
    <h1>This is an about page{{msg}}</h1>
     <div @click="parent">
   prant
   <div @click.stop="child" style="background:red;">child</div>
 </div>
  </div>

</template>
<script setup lang="ts">
import {ref} from 'vue'

let msg=ref('msgtest')
let has:number=1
const child=()=>{
  console.log('child')
}
const parent=() => {
  console.log('parent')
}

</script>
<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    /* display: flex; */
    align-items: center;
  }
}
</style>
